// 入口函数
$(function () {
  
  // 去注册点击事件
  $('#link-reg').on('click', function () {
    
      // 展示注册盒子
      $('.reg-box').show()

      // 隐藏登录盒子
      $('.login-box').hide()
  })
  // 去登录点击事件
  $('#link-login').on('click', function () {
    
    
      //展示登录盒子
      $('.login-box').show()
    
    
      // 隐藏注册盒子
      $('.reg-box').hide()

     
  })
})

layui.form.verify({
  uname:[/^[a-zA-Z0-9]{1,10}$/,'用户名必须是1-10位的字母和数字'],
  pass: [/^\S{6,10}$/, '密码必须是6-10位的非空字符'],
  
  repwd: function (value) {
    let pwd = $('.reg-box [name="password"]').val()
    
    if (value !== pwd) {
      return '两次输入的密码不一致'
    }

  }
})

// 监听表单事件
$('.reg-box form').on('submit', function (e) {
 
  e.preventDefault()
  // post 请求
  axios.post('/api/reg',$(this).serialize())
    .then(({ data: res }) => {
   
      
  //  判断提交是否成功
    if (res.code === 0) {
      layer.msg('提交成功,请登录!')

      // 模拟点击
      $('#link-login').click()
    } else {
      layer.msg(res.message)
    }
  })
 
})

$('.login-box form').on('submit', function (e) {
  // 阻止默认提交
  e.preventDefault()

  axios.post('/api/login',$(this).serialize())
  .then(({data:res}) => {
    if (res.code === 0) {
      layer.msg('登录成功')

      // 本地储存token
      localStorage.setItem('token', res.token)
      
      // 跳转页面
      location.href='../../index.html'
    } else {
      layer.msg('登录失败')
      localStorage.removeItem('token')
    }
  })
  
})